<template>
  <div
    id="demo-map"
    class="demo-map"
  />
</template>

<script>
import mapMixins from '@/mixins/mapMixins.js';
import demo1Mixins from './modules/demo1Mixins';
export default {
  mixins: [mapMixins, demo1Mixins],
  data () {
    return {
      map: null
    };
  },
  mounted () {
    this.initMap({ container: 'demo-map' }).then(
      (map) => {
        this.addCanvas();
      }
    );
  },
  methods: {}
};
</script>

<style scoped lang="less">
.demo-map {
  height: 100%;
  width: 100%;
}
</style>
